﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="demo.css" rel="stylesheet" type="text/css"/>
    <script src="../../static/scripts/boot.js" type="text/javascript"></script>
</head>
<body>
</body>
<style type="text/css">
    html, body {
        margin: 0;
        padding: 0;
        border: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
</style>
<div class="mini-toolbar" style="padding:2px;border-bottom:0;">
    <table style="width:100%;">
        <tr>
            <td style="width:100%;">
                <a class="mini-button" iconCls="icon-add" plain="true" onclick="addRow()">新增</a>
                <span class="separator"></span>
                <a class="mini-button" iconCls="icon-edit" plain="true">修改</a>
                <span class="separator"></span>
                <a class="mini-button" iconCls="icon-save" plain="true" onclick="saveData()">保存</a>
                <span class="separator"></span>
                <a class="mini-button" iconCls="icon-remove" plain="true" onclick="removeRow()">删除</a>
                <span class="separator"></span>
                <a class="mini-button" iconCls="icon-reload" plain="true"onclick="reloaddata()">刷新</a>
            </td>
            <td style="white-space:nowrap;"><label style="font-family:Verdana;">名称: </label>
                <input class="mini-textbox"/>
                <a class="mini-button" iconCls="icon-search" plain="true" onclick="onSearch()">查询</a>
            </td>
        </tr>
    </table>
</div>
<!--撑满页面-->
<div class="mini-fit">

    <div id="datagrid1" class="mini-datagrid" style="width:100%;height:100%;" url="../../dbserver/dbinfo"
         idField="id" allowResize="true" pageSize="20" allowCellEdit="true" allowCellSelect="true" multiSelect="true"
         editNextOnEnterKey="true"  editNextRowCell="true">
        <div property="columns">
            <div type="indexcolumn"></div>
            <div type="checkcolumn"></div>
            <div type="comboboxcolumn" field="cType" width="120" headerAlign="center" allowSort="true">类型
                <input property="editor" class="mini-combobox" style="width:100%;" data="Genders" />
            </div>
            <div field="cServer" width="120" headerAlign="center" allowSort="true">名称/ip
                <input property="editor" class="mini-textbox" style="width:100%;" />
            </div>
            <div field="cPost" width="120" headerAlign="center" allowSort="true">端口
                <input property="editor" class="mini-textbox" style="width:100%;" />
            </div>
            <div field="cDBName" width="100" align="center" headerAlign="center">数据库名称
                <input property="editor" class="mini-textbox" style="width:100%;" />
            </div>
            <div field="cUser" width="100" headerAlign="center" allowSort="true">用户名
                <input property="editor" class="mini-textbox" style="width:100%;" />
            </div>
            <div field="cPassWord" width="100" headerAlign="center" allowSort="true">密码
                <input property="editor" class="mini-textbox" style="width:100%;" />
            </div>
            <div field="cRemark" width="100" headerAlign="center" allowSort="true">备注说明
                <input property="editor" class="mini-textbox" style="width:100%;"  />
            </div>
            <div field="cDate" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期
                <input property="editor" class="mini-datepicker" style="width:100%;"/>
            </div>
        </div>
    </div>

</div>

<script src="js/ColumnsMenu.js" type="text/javascript"></script>
<script src="js/1.js" type="text/javascript"></script>

</html>